@charset "utf-8";

.about-us{margin-top: 115px;}
.mode-title{color: #333;margin-bottom: 8px;}

.mt-20{margin-top: 20px!important;}
.mt-45{margin-top: 45px!important;}
.mode-content p{font-size: 13px;color: #999;line-height: 26px;margin-bottom: 10px;}

.mode-content dl{margin-bottom: 20px;}
.mode-content dt{font-size: 14px;margin-bottom: 10px;}
.mode-content dt img{display: inline-block;vertical-align: middle;}
.mode-content dd{font-size: 13px;color: #999;line-height: 26px;padding-left: 2em;}

.second-type-info span{font-size: 14px;margin-bottom: 10px;}
.second-type-info span>img, .mode-content h4>img{display: inline-block;vertical-align: middle;}

.contact{margin-top: 40px;}
.contact p{color: #999;font-size: 13px;line-height: 26px;}
.mode-content p>span, .mode-content p>a, .mode-content dd>span, .contact p>span{color: #333;}
.highlight{color: #38B3FF!important;}

.small-pot{display: inline-block;background: #67D9FF;width: 4px;height: 4px;border-radius: 5px;margin-right: 5px;}
.join-button{background: #FFCC38;color: #fff;display: block;width: 180px;line-height: 40px;text-align: center;font-size: 16px;border-radius: 30px;margin: 45px auto 0;}

.left-menu{background: #F9F9F9;width: 180px;margin: 0;}
.left-menu li a{color: #333;display: block;text-align: center;line-height: 50px;}
.left-menu li.active a{background: #38B3FF;color: #fff;}

.table-container{margin: 0;padding: 15px;background: #F9F9F9;}
.table-container .title p{color: #AFAFAF;font-size: 12px;}
.table-container .title p>span{padding: 0 5px;}
.ltable{width: 100%;border: none;font-size: 12px;margin-top: 5px;}
.ltable th{padding: 18px 0;color: #333;font-size: 12px;font-weight: 500;line-height: 1.5em;}
.ltable tr{background: #F2F3F5;}
.ltable td{padding: 15px 0;line-height: 1.5em;color: #666;}
.ltable td a{font-size: 12px;color: #666;}
.ltable .odd_bg{background: #fff; }

/* pagination */
.contentBottom{margin: 20px 0 0;}
.page-box{margin:0;padding:0}
.page-box a {height: 30px;padding: 0 12px;margin-left: 5px;text-align: center;line-height: 30px;border: 1px solid #E4E6E9;overflow: hidden;font-size: 12px;font-weight: 600;color: #444;display: inline-block;zoom: 1;vertical-align: middle}
.page-box a.on {font-size: 14px;font-weight: bold;text-decoration: none;cursor: default;background: #00A0E9;color: #fff;border: 1px solid #00A0E9;}

.small-info span{color: #757575;font-size: 12px;display: inline-block;width: 33%;}

.pic-text{border-top: 1px solid #F5F5F5;padding-top: 20px;}
.pic-text dt, .pic-text dd{font-size: 13px;color: #333;line-height: 30px;}
.pic-text dt{margin-bottom: 5px;}

.enter-tab{width: 660px;margin: 20px auto 0;}
.enter-tab li{float: left;margin: 0 10px;border-radius: 5px;-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);}
.enter-tab li>a{display: block;width: 200px;text-align: center;font-size: 14px;line-height: 40px;}
.enter-tab li.active{background: #38B3FF;}
.enter-tab li.active>a{color: #fff;}
.submit-judge, .next-button{color: #fff;font-size: 15px;display: block;background: #00A0E9;width: 240px;text-align: center;margin: 50px auto;padding: 8px 0;border-radius: 20px;}

.layui-layer-title, .layui-layer-content{text-align: left;}
.layui-layer-lan .layui-layer-title{background: #38B3FF!important;}
.layui-btn{background-color: #38B3FF!important;}
.layui-btn-primary{background-color: #fff!important;}

/* .self-service dl{padding: 10px 15px;margin: 0 auto 20px;border-radius: 8px;width: 600px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.self-service dd{padding: 0;} */
.self-service dl{margin: 0 auto 20px;}
.self-service dd{padding: 0;}
.self-service dd>img{width: 600px;display: block;margin: 0 auto;}

/*Clear Fix*/ 
.pull-left{float: left;}
.pull-right{float: right;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:block; } 

.tip-a li{line-height: 34px;}
.tip-a .pull-left>img{width: 18px;padding-right: 8px;}
.tip-a .pull-right>a{display: inline-block;font-size: 12px;color: #38B3FF;border: 1px solid #38B3FF;line-height: 22px;width: 50px;text-align: center;border-radius: 30px;}
.tip-a .pull-right>a.selected{background: #38B3FF;color: #fff;}

.next-button:hover{color: #fff;}
a.back, a.back:hover{font-size: 13px;color: #ccc;margin-top: -10px;display: block;margin-bottom: 5px;}

.gou-part{padding: 40px 0;}


